﻿import QtQuick
import QtQuick.Controls
import Qt.labs.platform


Rectangle {
    id: main_page
    // width: parent.width
    // height: parent.height
    color: "white"
    anchors.fill: parent
    // radius: 20

    Component {
        id: com
        Rectangle {
            // width: gb.width - (gb.border.width * 4)
            // height: gb.height - (gb.border.width * 4)
            color: "pink"
            anchors.centerIn: parent
            Component.onCompleted: {
                console.log("chid chid border")
            }
        }
    }

    // MyGroupBox {
    //     id: gb
    //     width: 300
    //     height: 200
    //     // is_debug: true
    //     mComponent: com
    //     Component.onCompleted: {
    //         console.log(gb, " loaded, width:", width, " height:", height)
    //     }
    // }

    // MyComboBox { }
    // MyComboboxx {}

    // MySwitch {
    //     id: sw1
    //     // anchors.centerIn: parent
    //     onCheckedChanged: {
    //         console.log("sw1 onCheckedChanged: ", checked)
    //     }

    MessageDialog {
        id: dialog
        buttons: MessageDialog.Ok
        parentWindow: window
        text: "The document has been modified."
        Component.onCompleted: {
            dialog.open()
        }
    }


}
